<template>
 <div class="main">
  <h1>{{ $t('custody.receipt.title') }}</h1>

  <p>{{ $t('custody.receipt.text') }}</p>

  <el-button type="primary">{{ $t('custody.receipt.button') }}</el-button>
 </div>
</template>

<script>
export default {
name: "Receipt"
}
</script>

<style scoped lang="scss">
.main {
 color: #000;
 text-align: center;
 padding: 30px 30px 110px;
 background-color: #F9FCFF;

 h1 {
  font-size: 30px;
  line-height: 45px;
 }

 p {
  color: #1E1B1B;
  font-size: 18px;
  padding: 30px 0 60px;
  line-height: 35px;
 }

 .el-button {
  height: 42px;
  background-color: #0D4FA5;
  border: none;
  font-size: 18px;
 }
}
</style>
